{% extends "templates/base.phtml" %}
{%block content%}
<div class="page-content-wrap">
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default tabs">
                <ul class="nav nav-tabs" role="tablist">
                    <li><a href="/admin/appwshop/">商城运营概况</a></li>
                    <li class="active"><a href="/admin/appwshop/proclass">产品分类管理</a></li>
                    <li><a href="/admin/appwshop/promng">产品管理</a></li>
                    <!--                    <li><a href="#">进行交易中</a></li>-->
                </ul>
                <div class="panel-body tab-content">
                    <div class="tab-pane active">
                        <div class="col-md-12">
                            <button class="btn btn-success">+添加分类</button>
                            <div class="table-responsive">
                                <table class="table table-bordered">
                                    <thead>
                                    <tr>
                                        <th>根目录</th>
                                        <th>二级目录</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td class="main_class">
                                            <label>饮料类</label>
                                        </td>
                                        <td class="sub_class">
                                            <ul>
                                                <li>冷饮</li>
                                                <li>热饮</li>
                                                <li>常温</li>
                                            </ul>
                                        </td>
                                        <td class="operate">
                                            <button class="btn btn-primary">编辑</button>
                                            <button class="btn btn-danger">删除</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="main_class">
                                            <label>食品类</label>
                                        </td>
                                        <td class="sub_class">
                                            <ul>
                                                <li>甜品</li>
                                                <li>快餐</li>
                                                <li>火锅</li>
                                            </ul>
                                        </td>
                                        <td class="operate">
                                            <button class="btn btn-primary">编辑</button>
                                            <button class="btn btn-danger">删除</button>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock%}{%block end%}
<style type="text/css">
    .user-info-penal p{
        padding-top: 0.6em;
    }
    table th,table td{
        text-align: center;
    }
    td.sub_class{
        padding:0 !important;

    }
    ul{
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    .main_class label{
        margin-top: 20px;
    }
    .sub_class li{
        padding: 5px 0;
        border-bottom: 1px solid #E5E5E5;
    }
    .sub_class li:last-child{
        border-bottom:none;
    }
    .operate button{
        margin-top: 15px;
    }
</style>
{%endblock%}